﻿<!DOCTYPE html>

<html>
<head>
	<meta charset="utf-8" />
	<meta name="renderer" content="webkit">
	<meta id="k_PageVwpt" name="viewport" content="width=device-width, initial-scale=1">

	<title>神卡王国</title>

	<link rel="stylesheet" type="text/css" href="n_css/(0)Rset.css" />
	<link rel="stylesheet" type="text/css" href="n_css/(50)OOCSS.css" />
	<link rel="stylesheet" type="text/css" href="n_css/(101)Cmn.css" />

	<!--<script type="text/javascript" src="js/jquery-1.10.2.js"></script>-->
	<script type="text/javascript" src="n_js/(0)Seed.js"></script>
	<script type="text/javascript" src="n_js/(10)WSE_nWse_Simp.js"></script>
	<script type="text/javascript" src="n_js/(101)Cmn.js"></script>

</head>
<body class="mi_bkgd_clo_white">

	<!-- 公共页头区域 -->
	<div id="k_CmnPageHeadDiv">
		<!--【后台填写：在这里插入模板】-->
		<div class="mi_page_head">
			<div class="mi_top_boa mi_cen_put mi_pstn_rel mi_font_size_18 cnWse_ClearFix">
				<div class="mi_flt_lt mi_logo_div mi_pad_tp_l2 ">
					<img src="img/logo.png" style="" />
				</div>
				<div id="k_NavDiv" class="mi_flt_lt mi_nav_div">
					<ul class="mi_link_list cnWse_ClearFix">
						<li class="mi_pstn_rel mi_pad_vtic_md"><a href="#">神卡首页</a></li>
						<li class="mi_pstn_rel mi_pad_vtic_md mi_has_next">
							<a href="#">产品中心</a>
							<ul class="mi_link_list mi_lev2 mi_pstn_abs_lt_tp" >
								<li class="mi_pstn_rel"><a href="#">星球大冒险</a></li>
								<li class="mi_pstn_rel"><a href="#">神卡王国</a></li>
							</ul>
						</li>
						<li class="mi_pstn_rel mi_pad_vtic_md mi_has_next" >
							<a href="#">试玩体验</a>
							<ul class="mi_link_list mi_lev2 mi_pstn_abs_lt_tp" >
								<li class="mi_pstn_rel"><a href="#">星球大冒险</a></li>
								<li class="mi_pstn_rel"><a href="#">神卡王国1代</a></li>
							</ul>
						</li>
						<li class="mi_pstn_rel mi_pad_vtic_md"><a href="#">神卡王国</a></li>
						<li class="mi_pstn_rel mi_pad_vtic_md"><a href="#">新闻资讯</a></li>
						<li class="mi_pstn_rel mi_pad_vtic_md "><a href="#">商务合作</a></li>
					</ul>
				</div>
				<div class="mi_flt_rt mi_tele_div mi_text_aln_ct mi_pad_vtic_md mi_mgn_rt_l1">
					<span class="mi_font_wgt_bold mi_sprt_line">|</span> 联系我们：400-006-6901
				</div>
				<div class="mi_dspl_none mi_nav_btn_div mi_pad_vtic_md mi_mgn_rt_l1">
					<div id="k_NavBtn" class="mi_nav_btn mi_btn">
						<div class="mi_bar mi_sld"></div>
						<div class="mi_bar mi_emt"></div>
						<div class="mi_bar mi_sld"></div>
						<div class="mi_bar mi_emt"></div>
						<div class="mi_bar mi_sld"></div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 页体区域 -->
	<div id="k_PageBodyDiv" class="mi_bkgd_clo_gray mi_mgn_bm_l3">
		<!-- 图片轮播 -->
		<div class="mi_pctr_carsl mi_banner mi_pstn_rel mi_ovfl_hide" style="height:600px;"
			 data-mode="0" data-auto_play_prid="5" data-anmt="tHrztSld">
			<!-- 把要播放的图像URL写入“data-bkgd_img_src”特性，路径相对于当前页面 -->
			<a href="#" class="mi_dspl_blk mi_pstn_abs_lt_tp mi_full_dim mi_bkgd_pstn_ct_ct" data-bkgd_img_src="img/ban1.jpg"></a>
			<a href="#" class="mi_dspl_blk mi_pstn_abs_lt_tp mi_full_dim mi_bkgd_pstn_ct_ct" data-bkgd_img_src="img/ban2.jpg"></a>
			<a href="#" class="mi_dspl_blk mi_pstn_abs_lt_tp mi_full_dim mi_bkgd_pstn_ct_ct" data-bkgd_img_src="img/ban3.jpg"></a>
		</div>

		<!-- 显示器 -->
		<div class="mi_dspl_div mi_pstn_rel mi_bkgd_pstn_ct_ct" style="height: 810px;">
			<!--<video src="http://124.193.230.17/vhot2.qqvideo.tc.qq.com/o016121cbin.mp4?vkey=962F3216038D477BD1CEBCAC87F56D9007AB00E8A6068B10F09434912933C5118346DE5417F7FF5C2152ED088C0C66D44E711D7348FAAE611A339BA54B8D75064EF12B5ACC072D0477526EFBF4D25B3D1FC495B9E1BE03EB&br=60&platform=2&fmt=mp4&level=40&sdtfrom=v4010" controls class="mi_pstn_abs mi_pstn_hrzt_cen">
				抱歉，请换用支持HTML5的浏览器欣赏视频！
			</video>-->

			<!--<embed src="http://player.ku6cdn.com/default/common/player/201501151102/player.swf" type="application/x-shockwave-flash" quality="high" class="mi_pstn_abs mi_pstn_hrzt_cen mi_vid">-->

			<div class="mi_pstn_abs mi_pstn_hrzt_cen mi_vid">
				<object type="application/x-shockwave-flash" data="http://static.youku.com/v1.0.0557/v/swf/loader.swf" width="100%" height="100%" id="movie_player"><param name="allowFullScreen" value="true"><param name="allowscriptaccess" value="always"><param name="allowFullScreenInteractive" value="true"><param name="flashvars" value="VideoIDS=XMTMwMTczMjM0NA==&amp;ShowId=0&amp;category=105&amp;Cp=0&amp;Light=on&amp;THX=off&amp;unCookie=0&amp;frame=0&amp;pvid=1438909510329tjkLOk&amp;uepflag=0&amp;Tid=0&amp;isAutoPlay=true&amp;Version=/v1.0.1080&amp;show_ce=0&amp;winType=interior&amp;openScanCode=1&amp;scanCodeText=&quot;限时&quot; 扫码免广告&amp;embedid=AjMyNTQzMzA4NgJ2LnlvdWt1LmNvbQIvdl9zaG93L2lkX1hNVE13TVRjek1qTTBOQT09Lmh0bWw=&amp;vext=bc%3D%26pid%3D1438909510329tjkLOk%26unCookie%3D0%26frame%3D0%26type%3D0%26svt%3D0%26emb%3DAjMyNTQzMzA4NgJ2LnlvdWt1LmNvbQIvdl9zaG93L2lkX1hNVE13TVRjek1qTTBOQT09Lmh0bWw%3D%26dn%3D%E7%BD%91%E9%A1%B5%26hwc%3D1%26mtype%3Doth&amp;pageStartTime=1438909510329"><param name="movie" value="http://static.youku.com/v1.0.0557/v/swf/loader.swf"><div class="player_html5"><div class="picture" style="height:100%"><div style="line-height:460px;"><span style="font-size:18px">您还没有安装flash播放器,请点击<a href="http://www.adobe.com/go/getflash" target="_blank">这里</a>安装</span></div></div></div></object>
			</div>
		</div>

		<!-- 星球大冒险 -->
		<div class="mi_xqdmx_div mi_pad_tp_sect mi_pad_bm_sect">
			<div class="mi_text_aln_ct mi_mgn_bm_sect_head" style="">
				<a href="#"><img src="img/Xqdmx.png" /></a>
			</div>
			<div class="mi_cen_put cnWse_ClearFix">
				<div class="mi_flt_lt mi_card_div mi_text_aln_ct">
					<img class="mi_card_img mi_btn" src="img/Slice_1.png" />
				</div>
				<div class="mi_flt_lt mi_card_div mi_text_aln_ct">
					<img class="mi_card_img mi_btn" src="img/Slice_2.png" />
				</div>
				<div class="mi_flt_lt mi_card_div mi_text_aln_ct">
					<img class="mi_card_img mi_btn" src="img/Slice_3.png" />
				</div>
				<div class="mi_flt_lt mi_card_div mi_text_aln_ct">
					<img class="mi_card_img mi_btn" src="img/Slice_4.png" />
				</div>
			</div>
		</div>

		<!-- 神卡新闻资讯 -->
		<div class="mi_skxwzx_div mi_pad_tp_sect mi_pad_bm_sect">
			<div class="mi_text_aln_ct mi_mgn_bm_sect_head" style="">
				<a href="#"><img src="img/Skxwzx.png" /></a>
			</div>
			<div class="mi_cen_put mi_text_aln_rt mi_mgn_bm_l2">
				<span class="mi_link_lab mi_clo_gray mi_dspl_inln_blk">
					<a href="#" style="">更多大事件</a>
				</span>
			</div>
			<div class="mi_cen_put ">
				<div class="mi_item cnWse_ClearFix">
					<div class="mi_flt_lt mi_0 mi_text_aln_ct">
						<div>
							<a href="#"><img src="img/XwSlice_1.jpg" class="mi_vtic_aln_md" /></a>
						</div>
					</div>
					<div class="mi_flt_lt mi_1 mi_text_aln_lt">
						<div class="mi_pad_rt_l6">
							<div class="mi_clo_gray mi_mgn_bm_l2">
								2015-08-03
							</div>
							<div class="mi_mgn_bm_l2 mi_font_size_18 ">
								<a href="#">《虎妈猫爸》人气小女主纪姿含空降青岛…</a>
							</div>
							<div class="mi_font_size_16 ">
								<a href="#">近日出演过《虎妈猫爸》热播剧的小女主角纪姿含驾临青岛，在机场即受到粉丝们的热情接待！据悉此次来青是受邀国内知名...</a>
							</div>
						</div>
					</div>
					<div class="mi_flt_lt mi_2 mi_text_aln_lt">
						<div class="mi_pad_tp_l3h">
							<div class="mi_mgn_bm_l1">
								<a href="#"><span class="mi_dspl_inln_blk mi_text  mi_mgn_rt_l3">暑期巨献 “兔妞”纪姿含倾情...</span><span class="mi_dspl_inln_blk mi_clo_gray">2015-07-24</span></a>
							</div>
							<div class="mi_mgn_bm_l1">
								<a href="#"><span class="mi_dspl_inln_blk mi_text  mi_mgn_rt_l3">教育格局被重构 神卡王国...</span><span class="mi_dspl_inln_blk mi_clo_gray">2015-07-24</span></a>
							</div>
							<div class="mi_mgn_bm_l1">
								<a href="#"><span class="mi_dspl_inln_blk mi_text  mi_mgn_rt_l3">神卡王国得到各国教育部长...</span><span class="mi_dspl_inln_blk mi_clo_gray">2015-07-24</span></a>
							</div>
							<div class="mi_mgn_bm_l1">
								<a href="#"><span class="mi_dspl_inln_blk mi_text  mi_mgn_rt_l3">鲜活的世界，就在神卡王国...</span><span class="mi_dspl_inln_blk mi_clo_gray">2015-07-24</span></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!-- 全屏卡片大图 -->
	<div class="mi_full_scrn_card mi_pstn_fxd mi_full_dim mi_lt_tp_0 mi_bkgd_clo_aph_black mi_btn" style="display:none;">
		<img src="img/Card_He.jpg" class="mi_big_card mi_full_wid mi_vtic_aln_md mi_pstn_abs mi_pstn_cen" />
	</div>
	<div class="mi_full_scrn_card mi_pstn_fxd mi_full_dim mi_lt_tp_0 mi_bkgd_clo_aph_black mi_btn" style="display:none;">
		<img src="img/Card_Shu.jpg" class="mi_big_card mi_full_wid mi_vtic_aln_md mi_pstn_abs mi_pstn_cen" />
	</div>
	<div class="mi_full_scrn_card mi_pstn_fxd mi_full_dim mi_lt_tp_0 mi_bkgd_clo_aph_black mi_btn" style="display:none;">
		<img src="img/Card_Chong.jpg" class="mi_big_card mi_full_wid mi_vtic_aln_md mi_pstn_abs mi_pstn_cen" />
	</div>
	<div class="mi_full_scrn_card mi_pstn_fxd mi_full_dim mi_lt_tp_0 mi_bkgd_clo_aph_black mi_btn" style="display:none;">
		<img src="img/Card_Ka.jpg" class="mi_big_card mi_full_wid mi_vtic_aln_md mi_pstn_abs mi_pstn_cen" />
	</div>

	<!-- 公共页脚区域 -->
	<div id="k_CmnPageFootDiv">
		<!--【后台填写：在这里插入模板】-->

		<div class="mi_page_foot">
			<div class="mi_cen_put">
				<div class="mi_boa mi_mgn_bm_l3 cnWse_ClearFix">
					<div class="mi_col" style="">
						<div class="mi_ctgr_cptn">产品</div>
						<ul class="mi_link_list">
							<li><a href="#">产品说明</a></li>
							<li><a href="http://shop118409630.taobao.com/index.htm" target="_blank">淘宝店铺</a></li>
							<li><a href="#">官方商城</a></li>
						</ul>
					</div>
					<div class="mi_col" style="">
						<div class="mi_ctgr_cptn">帮助</div>
						<ul class="mi_link_list">
							<li><a href="HelpDownload.html">软件下载</a></li>
							<li><a href="#">激活流程</a></li>
							<li><a href="#">使用帮助</a></li>
							<li><a href="#">论坛</a></li>
							<li><a href="http://www.wenjuan.com/s/NVriQ3/">意见反馈</a></li>
						</ul>
					</div>
					<div class="mi_col" style="">
						<div class="mi_ctgr_cptn">加盟</div>
						<ul class="mi_link_list">
							<!--<li><a href="#">渠道声明</a></li>-->
							<li><a href="#">成为经销商</a></li>
							<li class="mi_pstn_rel" data-pop_div="">
								<a href="#">成为微商</a>
								<!--<div class="mi_pop_div mi_pstn_abs_lt_bm" style="left:-35%; bottom:20px; display:none;">
									<img src="img/2DC.png" />
								</div>-->
							</li>
						</ul>
					</div>
					<div class="mi_col mi_contact" style="">
						<div class="mi_ctgr_cptn">联系我们</div>
						<ul class="mi_link_list">
							<li>TEL: 400 006 6901</li>
							<li>青岛市延安三路67号湛山创意工厂B05</li>
							<li><a href="mailto:yinna@heivr.com">yinna@heivr.com</a></li>
						</ul>
					</div>
					<div class="mi_col mi_2dc mi_text_aln_ct" style="">
						<div class="mi_dspl_inln_blk mi_clo_white mi_font_size_12 mi_mgn_rt_l1">
							<img src="img/2DC_Dnld.png" class="mi_mgn_bm_l1" />
							<br />
							星球大冒险下载
						</div>
						<div class="mi_dspl_inln_blk mi_clo_white mi_font_size_12">
							<img src="img/2DC_Wb.png" class="mi_mgn_bm_l1" />
							<br />
							神卡官方微博
						</div>
					</div>
				</div>

				<!--<div class="mi_hrzt_line" style="background-color:rgb(208, 208, 208);"></div>-->
			</div>

			<div class="mi_trail mi_font_size_14 mi_text_aln_ct mi_pad_tp_l2h mi_clo_white mi_pad_bm_l2h" style="">
				<span class="mi_dspl_inln_blk mi_mgn_rt_l3">Copyright © 2012 - 2014 ITheivr.com. All Rights Reserved.</span>
				<span class="mi_dspl_inln_blk">青岛黑晶信息技术有限公司</span>
			</div>
		</div>

	</div>

	<script type="text/javascript">
		//【在这里填写脚本】
		(function () {
			nWse.stPageInit.cAddEvtHdlr_DocRdy(function () {

				console.log("doc rdy!");

				// 图片轮播
				(function () {
					nApp.g_PctrCarslAry = [];
					var l_All = nWse.stDomUtil.cQryAll(".mi_pctr_carsl");
					nWse.stAryUtil.cFor(l_All,
						function (a_All, a_DomIdx, a_Dom) {
							var l_Cfg = {
								c_Self: a_Dom,
								c_OnCrtDotBtn: function (a_Ctrl, a_DotBtn, a_BtnIdx) {
									//	a_DotBtn.className = "mi_dspl_inln_blk mi_dot mi_btn";
								}
							};

							nApp.g_PctrCarslAry.push(new nApp.tPctrCarsl(l_Cfg));
						});

				})();

				// 全屏卡片
				(function () {
					var l_Imgs = nWse.stDomUtil.cQryAll(".mi_card_div img");
					var l_Cards = nWse.stDomUtil.cQryAll(".mi_full_scrn_card");
					nWse.stAryUtil.cFor(l_Imgs,
						function (a_Imgs, a_ImgIdx, a_Img) {
							nWse.stDomUtil.cAddEvtHdlr(a_Img, "click",
								function () {
									fShowCard(a_ImgIdx);
								});
						});

					nWse.stAryUtil.cFor(l_Cards,
						function (a_Cards, a_CardIdx, a_Card) {
							nWse.stDomUtil.cAddEvtHdlr(a_Card, "click",
								function () {
									fHideCard(a_CardIdx);
								//	l_Cards[a_CardIdx].style.display = "none";
								});
						});

					function fShowCard(a_Idx) {
						var l_Card = l_Cards[a_Idx];
						l_Card.style.display = "block";

						l_Card.style.opacity = "0";
						nWse.stCssUtil.cAnmt(l_Card, "",
							{
								"opacity": 1
							},
							{
								c_Dur: 0.3
								,c_fEsn: nWse.stNumUtil.cEsn_FastToSlow
							});

						var l_CardImg = nWse.stDomUtil.cSrchChdForTag(l_Card, "img");
						var l_Tsfm = nWse.stCssUtil.cAcsExtdAnmt_2dTsfm(l_CardImg);
						l_Tsfm.c_Scl.x = l_Tsfm.c_Scl.y = 0.01;
						nWse.stCssUtil.cUpdExtdAnmt_2dTsfm(l_CardImg);
						nWse.stCssUtil.cAnmt(l_CardImg, "",
							{
								"Wse_2dTsfm": [
									{
										c_Name: "scale"
										,c_End: { x:1, y:1 }
									}
								]
							},
							{
								c_Dur: 0.3
								,c_fEsn: nWse.stNumUtil.cEsn_FastToSlow
							});
					}

					function fHideCard(a_Idx) {
						var l_Card = l_Cards[a_Idx];
					//	l_Card.style.display = "none";
						nWse.stCssUtil.cAnmt(l_Card, "",
							{
								"opacity": 0
							},
							{
								c_Dur: 0.3
								,c_fEsn: nWse.stNumUtil.cEsn_FastToSlow
							});

						var l_CardImg = nWse.stDomUtil.cSrchChdForTag(l_Card, "img");
						nWse.stCssUtil.cAnmt(l_CardImg, "",
							{
								"Wse_2dTsfm": [
									{
										c_Name: "scale"
										,c_End: { x:0.01, y:0.01 }
									}
								]
							},
							{
								c_Dur: 0.3
								,c_fEsn: nWse.stNumUtil.cEsn_FastToSlow
								,c_fOnEnd: function () {
									l_Card.style.display = "none";
								}
							});
					}
				})();
			});
		})();
	</script>
</body>
</html>
